<!DOCTYPE html>
<html lang="zxx">

<head>
    <meta charset="utf-8">
    <title>Uhost - Hosting Website Template</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="Uhost is Creative Website Template" name="description">
    <meta content="" name="keywords">
    <meta content="" name="author">

    <!--[if lt IE 9]>
    <script src="/user/js/html5shiv.js"></script>
    <![endif]-->

    <!-- CSS Files
    ================================================== -->
    <link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-4.2.1.css">
    <link href="/user/css/bootstrap-grid.min.css" rel="stylesheet" type="text/css">
    <link href="/user/css/bootstrap-reboot.min.css" rel="stylesheet" type="text/css">
    <link href="/user/css/animate.css" rel="stylesheet" type="text/css">
    <link href="/user/css/owl.carousel.css" rel="stylesheet" type="text/css">
    <link href="/user/css/owl.theme.css" rel="stylesheet" type="text/css">
    <link href="/user/css/owl.transitions.css" rel="stylesheet" type="text/css">
    <link href="/user/css/magnific-popup.css" rel="stylesheet" type="text/css">
	<link href="/user/css/jquery.countdown.css" rel="stylesheet" type="text/css">
    <link href="/user/css/style.css" rel="stylesheet" type="text/css">

    <!-- color scheme -->
    <link id="colors" href="/user/css/colors/scheme-01.css" rel="stylesheet" type="text/css">
	<link href="/user/css/coloring.css" rel="stylesheet" type="text/css">

    <!-- RS5.0 Stylesheet -->
    <link href="revolution/css/settings.css" rel="stylesheet" type="text/css">
    <link href="revolution/css/layers.css" rel="stylesheet" type="text/css">
    <link href="revolution/css/navigation.css" rel="stylesheet" type="text/css">
    <link href="/user/css/rev-settings.css" rel="stylesheet" type="text/css">

</head>

<body>
    <div id="wrapper">
               <!-- header begin -->
               <header class="header-s1">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
    
                            <div class="header-row">
                                <div class="header-col left">
                                    <!-- logo begin -->
                                    <div id="logo">
                                        <!-- <a href="index.html"><img alt="" class="logo" src="/user/images/logo-light.png"> <img alt="" class="logo-2" src="images/logo-dark.png"></a> -->
                                        <a href="index.html"><span class="logo" style="color:aliceblue; font-size: large;">java兴趣社</span><span class="logo-2" style="color:black; font-size:medium;">java兴趣社</span></a>
                                    </div>
                                    <!-- logo close -->
                                </div>
                                <div class="header-col mid">
                                    <!-- mainmenu begin -->
                                    <ul id="mainmenu">
                                        <li><a href="index.html">首页</a>
                                            <ul>
                                                <li><a href="index.html">关于我们</a></li>
                                                <li><a href="index-2.html">最新活动<span>New</span></a></li>
                                            </ul>
                                        </li>
                                        <li><a href="/match"> 比赛 <span>New</span></a>
                                            <ul>
                                                <li><a href="hosting-all.html">最新比赛<span>NEW</span></a></li>
                                                <li><a href="hosting-shared.html">往届精彩</a></li>
                                                <li><a href="match2.html">比赛介绍</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="domain.html">社团</a></li>
                                        <li><a href="#">敬请期待</a>
                                            <ul>											
                                                <li><a href="news.html">1</a></li>
                                                 <li><a href="search-results.html">2</a></li>
                                                <li><a href="features.html">3</a></li>
                                                <li><a href="contact.html">4</a></li>
                                                <li><a href="maintenance.html">5</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                    <div class="col-right">
                                        <a class="btn-custom" href="/login"><i class="fa fa-lock"></i> Login</a>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <!-- small button begin -->
                            <span id="menu-btn"></span>
                            <!-- small button close -->
    
                        </div>
                    </div>
                </div>
            </header>
            <!-- header close -->
        <!-- content begin -->
        <div class="no-bottom no-top" id="content">
            <div id="top"></div>
            <!-- revolution slider begin -->
            <!-- section begin -->
            <section id="section-hero" class="full-height relative no-top no-bottom text-light" data-bgimage="url(user/images/background/4.jpg)" data-stellar-background-ratio=".2">

                <div class="overlay-bg t80">
                    <div class="center-y relative text-center" data-scroll-speed="4">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-8 offset-md-2">
                                   
                                <div class="col text-center">
									<h1>Powerfull Features</h1>
									
									<div class="spacer-single"></div>
									
									<p class="lead">
										Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
									</p>
                                    
									</div>
                                </div>
                                <div class="clearfix"></div>
								
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </section>
            <!-- section close -->
            

            <section id="section-features" class="pos-top no-top mt-60 no-bg" data-bgcolor="#fff">
                <div class="container-fluid">
                    <div class="row">
						<div id="owl-features" class="owl-carousel owl-theme">
								
								<div class="feature-box-type-2">
									<i class="icon-alarmclock"></i>
									<h4>Instant Activation</h4>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
								</div>
								
								<div class="feature-box-type-2">
									<i class="icon-profile-male"></i>
									<h4>24 / 7 Support</h4>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
								</div>
								
								<div class="feature-box-type-2">
									<i class="icon-refresh"></i>
									<h4>99.9% Uptime</h4>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
								</div>
								
								<div class="feature-box-type-2">
									<i class="icon-upload"></i>
									<h4>Cloud Powered</h4>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
								</div>
								
								<div class="feature-box-type-2">
									<i class="icon-layers"></i>
									<h4>Multiple Datacenter</h4>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
								</div>
								
						</div>
                    </div>
                </div>
            </section>
		
			
			

        </div>
        <!-- content close -->

        <!-- footer begin -->
            <footer>
                <div class="container">
                    <div class="row">

                        <div class="col-md-8">
                            <div class="row">
                                <div class="col-md-4 col-xs-4">
                                    <div class="widget">
                                        <h5>Hosting</h5>
                                        <div class="tiny-border"></div>
                                        <ul>
                                            <li><a href="#">Web Hosting</a></li>
                                            <li><a href="#">VPS Hosting</a></li>
                                            <li><a href="#">Cloud Hosting</a></li>
                                            <li><a href="#">WordPress Hosting</a></li>
                                            <li><a href="#">Email Hosting</a></li>
                                            <li><a href="#">CMS Hosting</a></li>
                                            <li><a href="#">Ecommerce Hosting</a></li>
                                            <li><a href="#">Website Builder</a></li>
                                        </ul>
                                    </div>
                                </div>

                                <div class="col-md-4 col-xs-4">
                                    <div class="widget">
                                        <h5>Domains</h5>
                                        <div class="tiny-border"></div>
                                        <ul>
                                            <li><a href="#">Domain Checker</a></li>
                                            <li><a href="#">Domain Transfer</a></li>
                                            <li><a href="#">Free Domain</a></li>
                                            <li><a href="#">XYZ Domain</a></li>
                                            <li><a href="#">Cheap SSL Certificate</a></li>
                                            <li><a href="#">Buy Domain Name</a></li>
                                            <li><a href="#">Whois Checker</a></li>
                                            <li><a href="#">Free SSL Certificate</a></li>
                                        </ul>
                                    </div>
                                </div>

                                <div class="col-md-4 col-xs-4">
                                    <div class="widget">
                                        <h5>Company</h5>
                                        <div class="tiny-border"></div>
                                        <ul>
                                            <li><a href="#">About</a></li>
                                            <li><a href="#">Affiliates</a></li>
                                            <li><a href="#">Blog</a></li>
                                            <li><a href="#">Careers</a></li>
                                            <li><a href="#">Community</a></li>
                                            <li><a href="#">News</a></li>
                                            <li><a href="#">Partners</a></li>
                                            <li><a href="#">Press Releases</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="widget">
                                <a href="index.html"><img alt="" class="logo" src="/user/images/logo-light.png"></a>
                                <div class="spacer-20"></div>
                                <p>We are Uhost, a web hosting company with 24/7 customer support. We provide best hosting solutions for your hosting needs. Our clients from personal to corporate. Our data center are all over the world to ensure your website is always up. You can choose shared hosting, vps hosting or cloud hosting. You can also be hosting reseller here. Happy hosting with us.</p>
                            </div>
                        </div>

                    </div>

                    <div class="row">
                        <div class="col-md-6 sm-text-center mb-sm-30">
                            <div class="mt10">&copy; Copyright 2020 - Uhost by Designesia</div>
                        </div>

                        <div class="col-md-6 text-md-right text-sm-left">
                            <div class="social-icons">
                                <a href="#"><i class="fa fa-facebook fa-lg"></i></a>
                                <a href="#"><i class="fa fa-twitter fa-lg"></i></a>
                                <a href="#"><i class="fa fa-linkedin fa-lg"></i></a>
                                <a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
                                <a href="#"><i class="fa fa-rss fa-lg"></i></a>
                            </div>
                        </div>
                    </div>
                </div>

            </footer>
            <!-- footer close -->
		
        
        
		<div id="preloader">
                <div class="spinner">
                    <div class="bounce1"></div>
                    <div class="bounce2"></div>
                    <div class="bounce3"></div>
                </div>
            </div>
        </div>		
		
		<div id="selector">
			<span class="opt tc1" data-color="scheme-01"></span>
			<span class="opt tc2" data-color="scheme-02"></span>
			<span class="opt tc3" data-color="scheme-03"></span>
			<span class="opt tc4" data-color="scheme-04"></span>
		</div>

        <!-- Javascript Files
    ================================================== -->
        <script src="/user/js/jquery.min.js"></script>
        <script src="/user/js/bootstrap.min.js"></script>
        <script src="/user/js/wow.min.js"></script>
        <script src="/user/js/jquery.isotope.min.js"></script>
        <script src="/user/js/easing.js"></script>
        <script src="/user/js/owl.carousel.js"></script>
        <script src="/user/js/validation.js"></script>
        <script src="/user/js/jquery.magnific-popup.min.js"></script>
        <script src="/user/js/enquire.min.js"></script>
        <script src="/user/js/jquery.stellar.min.js"></script>
        <script src="/user/js/jquery.plugin.js"></script>
        <script src="/user/js/typed.js"></script>
        <script src="/user/js/app.js"></script>
		<script src="/user/js/jquery.countTo.js"></script>
        <script src="/user/js/jquery.countdown.js"></script>
        <script src="/user/js/designesia.js"></script>

        <!--Start of Tawk.to Script-->
        <script>
            var Tawk_API = Tawk_API || {},
                Tawk_LoadStart = new Date();
            (function() {
                var s1 = document.createElement("script"),
                    s0 = document.getElementsByTagName("script")[0];
                s1.async = true;
                s1.src = 'https://embed.tawk.to/5e4a18a6298c395d1ce84227/default';
                s1.charset = 'UTF-8';
                s1.setAttribute('crossorigin', '*');
                s0.parentNode.insertBefore(s1, s0);
            })();
        </script>
        <!--End of Tawk.to Script-->
</body>

</html>